<template>
  <!--模板 -->
  <el-container>
    <el-header>
      <h3>商品设置</h3>
      <el-divider />
    </el-header>

    <el-main>
      <el-button @click="methods.test()">测试</el-button>
    </el-main>

    <el-footer>
      <el-divider />
    </el-footer>
  </el-container>
</template>
<script lang="tsx" setup>
//逻辑
//import { reactive } from 'vue';
//const state=reactive({
//data: {

//}})
import useSysStore from "@/stores/index";
import et from "@/utils/et";
const sysStore = useSysStore();
const state = reactive({
  title: "标题",
});

const methods = {
  test() {
    const sht = et.sheetSelect("测试");
    sht.Range("a1").Value2 = sysStore.title;
    sht.Range("a2").Value2 = state.title;
    return sht;
  },
};
</script>
<style lang="scss" scoped>
//样式
.el-divider {
  width: 100%;
}
.el-container {
  height: 100vh;
}
.el-header {
  background-color: #0b8c4b;
  color: white;
  padding: 0 0 0 0;
}
.el-main {
  // height: 10rem;
}
.el-footer {
  background-color: aquamarine;
}
</style>
